<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <script>

        // 对象的属性都是字符串   ！！！！！！！！！！！
        //    只是在语法上写的时候，没有加引号
        const a = 1 ;
        const obj = {
            a:a,
            b: 2
        };

        console.log(obj.a);

        console.log(obj['a']);

        document.body.style['color'] = 'red' ;


        // 遍历   key是变量   不加引号




        // 对象属性的访问方式     .a   ['a']
        // 对象的简写    const o = {a , b} ;
        // 对象的解构   const {a , b} = o


        // 箭头函数
        //    匿名函数可以改箭头函数
        //    简写
        //       省略大括号就省略return     
        //       注意：没有省略大括号一定要写return  
        //   没有arguments    展开运算符  ...arr
        //   函数参数的默认值  const fn = (a=0,b=0) => {}


        // 数组的方法  forEach  map   filter   every  some    join    splice
        // 字符串的方法  split  replace  


        // this指向


        // 同源策略   协议+域名+端口号  必须一致


        // cookie  会话跟踪技术
        // 存储在客户端(你的电脑上面)  可以被删除的

        // cookie 只能一条一条的存数据


    </script>

</body>

</html>